// nvue不能用标签命名样式，不能放在微信组件中，否则微信开发工具会报警告，无法使用标签名当做选择器
/* #ifndef APP-NVUE */
view,
page,
text,
button,
image,
textarea,
scroll-view,
input {
  box-sizing: border-box;
}
image {
  display: block;
}
button {
  margin: 0;
  padding: 0;
  background-color: #ffff;
}
button::after {
  border: none;
}
/* #endif */
/* #ifdef MP-ALIPAY */
input {
  background: transparent;
}
button {
  border: none;
}
/* #endif */
.u-flex,
.flex {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  flex-direction: row;
  align-items: center;
}
.u-flex-m {
  /* #ifndef APP-NVUE */
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  /* #endif */
  flex: 1;
  overflow: hidden;
}
.scroll-view_H {
  /* #ifndef APP-NVUE */
  white-space: nowrap;
  /* #endif */
}

// 定义flex等分
@for $i from 0 through 12 {
  .u-flex-#{$i},
  .flex-#{$i} {
    flex: $i;
  }
}

// 定义内外边距，历遍1-80
@for $i from 0 through 80 {
  // 定义字体大小
  .u-f-s-#{$i},
  .fs#{$i} {
    font-size: $i + rpx !important;
  }
  // 只要双数和能被5除尽的数
  @if $i % 2 == 0 or $i % 5 == 0 {
    // 得出：u-margin-30或者u-m-30
    .u-margin-#{$i},
    .u-m-#{$i},
    .m#{$i} {
      margin: $i + rpx !important;
    }

    // 得出：u-padding-30或者u-p-30
    .u-padding-#{$i},
    .u-p-#{$i},
    .p#{$i} {
      padding: $i + rpx !important;
    }

    @each $short, $long in l left, t top, r right, b bottom {
      // 缩写版，结果如： u-m-l-30
      // 定义外边距
      .u-m-#{$short}-#{$i},
      .m#{$short}#{$i} {
        margin-#{$long}: $i + rpx !important;
      }

      // 定义内边距
      .u-p-#{$short}-#{$i},
      .p#{$short}#{$i} {
        padding-#{$long}: $i + rpx !important;
      }

      // 完整版，结果如：u-margin-left-30
      // 定义外边距
      .u-margin-#{$long}-#{$i},
      .margin#{$long}#{$i} {
        margin-#{$long}: $i + rpx !important;
      }

      // 定义内边距
      .u-padding-#{$long}-#{$i},
      .padding#{$long}#{$i} {
        padding-#{$long}: $i + rpx !important;
      }
    }
  }
}
//定位
@each $p in relative, absolute, fixed {
  .u-#{$p} {
    position: #{$p} !important;
  }
}
//层级
@for $i from 1 through 100 {
  .z#{$i},
  .zIndex#{$i} {
    z-index: #{$i} !important;
  }
}
//对齐方式
@each $t in left, center, right {
  .text-#{$t} {
    text-align: #{$t} !important;
  }
}
//行数限制
@for $i from 1 through 5 {
  .line#{$i} {
    @if $i == "1" {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    } @else {
      display: -webkit-box !important;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-all;
      -webkit-line-clamp: $i;
      -webkit-box-orient: vertical !important;
    }
  }
}

//宽高
.w100 {
  width: 100% !important;
}
.h100 {
  height: 100% !important;
}
.vw100 {
  height: 100vw !important;
}
.vh100 {
  height: 100vh !important;
}

@keyframes show {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

// 定义 SCSS 变量
// $main-bg-color: rgba(243, 243, 243, 1);
// $text-common-font-Microsoft-Tai-le: "Microsoft Tai Le"; // 公共tabbar样式
// $u-font-size-30: 52.326rpx;
// $u-font-size-36: 62.791rpx;
// $u-color-black-63: rgba(63, 63, 63, 1);
// $u-color-black-0: rgba(0, 0, 0, 1);

.common_tabbar {
  height: 139.535rpx;
}

.common_icon {
  width: 48.837rpx !important;
  height: 48.837rpx !important;
}

.u-tabbar__content {
  box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.25);
  border-radius: 15px 15px 0px 0px;
}

.user_info__avatar_container {
  display: flex;
  align-items: center;

  .user_info__avatar__img {
    width: 104.651rpx !important;
    height: 104.651rpx !important;

    .u-avatar__image {
      width: 104.651rpx !important;
      height: 104.651rpx !important;
    }
  }

  .user_info__name {
    font-family: "Microsoft Sans Serif";
    font-size: 27.907rpx;
    font-weight: 400;
    line-height: 31.587rpx;
    text-align: left;
    color: rgba(113, 113, 113, 1);
    margin-left: 22.674rpx;
  }
}

// 全局粗體字體
.common_bold_text {
  font-family: "Microsoft Sans Serif";
  font-size: 34.884rpx;
  font-weight: 400;
  line-height: 39.488rpx;
  text-align: left;
  color: rgba(0, 0, 0, 1);
}

.common_btns {
  font-family: "Microsoft Sans Serif";
  font-size: 34.884rpx; //20px
  font-weight: 400;
  line-height: 39.488rpx;
  text-align: center;
  color: rgba(255, 255, 255, 1);

  background: rgba(36, 118, 173, 1);
  border-radius: 104.651rpx;

  display: flex;
  justify-content: center;
  align-items: center;

  width: 134.302rpx; //77px

  height: 60.331rpx; //34.59
}

.common_desc {
  font-family: "Microsoft Sans Serif";
  font-size: 17.442rpx; //10
  font-weight: 400;
  line-height: 19.744rpx;
  text-align: center;
  color: rgba(168, 168, 168, 1);
}

.index_main {
  padding-left: 26.163rpx;
  padding-right: 26.163rpx;

  // 要超出tabbar高度
  padding-bottom: 139.535rpx;
}

.money_card {
  width: 750rpx;
  height: 238.953rpx;
  background: rgba(255, 255, 255, 1);

  padding: 0 59.302rpx 0 59.302rpx;

  display: flex;
  align-items: center;
  justify-content: space-between;
}

.money_card_content_values {
  font-family: "Microsoft Tai Le";
  font-size: 62.791rpx;
  font-weight: 400;
  //   line-height: 134.302rpx;
  text-align: center;
}

.money_card_content_desc {
  font-family: "Microsoft JhengHei";
  font-size: 27.907rpx;
  font-weight: 400;
  line-height: 48.837rpx;
  text-align: center;

  position: relative;
  left: 50rpx;
}

.money_card_btn {
  width: 160.465rpx;
  height: 64.535rpx;
  font-family: "Microsoft Tai Le";
  font-size: 27.907rpx;
  font-weight: 400;
  line-height: 59.302rpx;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(247, 154, 77, 1);
  border-radius: 26.163rpx;
  color: rgba(255, 255, 255, 1);
}

// 价格
.retailPrice {
  color: rgba(0, 0, 0, 1);
  font-family: "Microsoft PhagsPa";
  font-size: 34.884rpx;
}

// 永远居中
.empty {
  // 绝对定位居中
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  font-family: "Microsoft JhengHei";
  font-size: 20.93rpx;
  font-weight: 400;
  text-align: center;
  color: rgba(60, 60, 60, 1);
}

// 標題區公共樣式, 標題文字
.common_title_h1 {
  font-family: "Microsoft New Tai Lue";
  font-size: 34.884rpx;
  color: rgba(0, 0, 0, 1);
}

// 標題區公共樣式, 商品名稱
.common_title_text {
  font-family: "Microsoft PhagsPa";
  font-size: 27.907rpx;
  color: rgba(0, 0, 0, 1);
}

// 描述區公共樣式
.common_desc_text {
  font-family: "Microsoft PhagsPa";
  font-size: 27.907rpx;
  color: rgba(98, 98, 98, 1);
}
